<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onsubmit 表单提交事件</title>
    <script type="text/javascript">
      //静态注册表单提交
      function register(){
        //先得到输入的用户名和密码
        var username = document.getElementById("username");
        var pwd = document.getElementById("pwd");
        //判断
        if ("" == username.value || ""==pwd.value){
          alert("用户名和密码不能为空，不能提交");
          return false;//不提交
        }
        //表示要提交
        return true;
      }
      //动态注册表单提交
      window.onload = function (){
        var form2 = document.getElementById("form2");
        form2.onsubmit = function (){
          if ("" == username.value || ""==pwd.value){
            alert("用户名和密码不能为空，不能提交");
            return false;//不提交
          }
          return true;
        }
      }
    </script>
</head>
<body>
<h1>注册用户 1</h1> <!-- 静态注册表单提交事件 -->
<form action="ok.html" onsubmit = "return register()">
  u: <input type="text" id="username" name="username"/><br/>
  p: <input type="password" id="pwd" name="pwd"/><br/>
  <input type="submit" value="注册用户"/>
</form>
<h1>注册用户 2</h1> <!-- 动态注册表单提交事件 -->
<form action="ok.html" id="form2">
  u: <input type="text" name="username"/><br/>
  p: <input type="password" name="pwd"/><br/>
  <input type="submit" value="注册用户"/></form>
</body>
</html>